@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
button,input,textarea { border: none;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{ font-size: .28rem; font-family:Arial,Helvetica,Sans-Serif;outline:0;}
input[type="button"], input[type="submit"], input[type="reset"],textarea { -webkit-appearance: none;}
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
html { -webkit-tap-highlight-color: transparent;}
body {
	min-width: 3.2rem;
	max-width: 12.42rem; 
    font-size: .28rem;
    line-height: 1.2;
    margin: 0 auto;
    overflow-x: hidden;
    background: #f0f0f0;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    -moz-user-select: none;
    color: #fff;
    background-color: #00c17a;
}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content:" ";clear: both;height: 0;}
.clearfix {zoom:1;}
.tc { text-align: center;}

.g-hd { position: relative;}
.header { width: 100%; margin-bottom: .29rem;}
.inp,.btn { display: block; width: 79.46%;height: .96rem; margin: 0 auto .28rem; text-align: center; border-radius: .08rem;}
.inp {  padding: 0 .1rem; line-height: 2; font-size: .32rem; background-color: #fff;}
.btn {  line-height: .96rem; font-size: .34rem; background-color: #ffe200;color: #545766;}
.btn:active { background-color: #f2d704;}
.btn.link { margin-top: .25rem;}
.coupon-box { position: relative; width: 80%;margin: 0 auto .28rem;}
.coupon-bg {  width: 100%;}
.coupon-con { position: absolute;top: 0; left:0; right: 0; height:100%; padding: 0 3.333%;}
.coupon-l, .coupon-r {  position: absolute; top: 50%;-o-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.coupon-l { width: 32.666%; color: #f75595; text-align: center;}
.coupon-l span { display:inline-block; width:.36rem; font-size:.36rem;letter-spacing:1em;word-break:break-all;}
.coupon-r { width: 60.666%; right: 3.333%; top: 48%; padding-left: .35rem; color: #545766;}
.money { margin-bottom:.05rem; line-height:1; font-size:.96rem; font-weight: 100; color: #ff7779; text-align: center;}
.money span { margin-right:.1rem; font-size: .46rem;}
.coupon-tit { margin-bottom:.12rem; font-size:.34rem;}
.coupon-hint { font-size:.24rem;}
.coupon-l.over { height:100%; background-image: url("../images/coupon-face.png"); background-size:.9rem .9rem; background-position: center center; background-repeat: no-repeat;}
.none { color: #d0d0d0;}
.past { position: absolute; right: 3%; top:-.65rem; width:1.67rem; height:1.68rem; background-image:url("../images/coupon-past.png"); background-size:100% 100%;}
.hint { width: 80%; margin: 0 auto; line-height: 1.54;  font-size: .26rem;}
.g-ft { width: 80%;margin: 0 auto .55rem;}
.g-ft h3 {display: -webkit-box; display: -moz-box; display: -ms-flexbox; margin-top: .86rem; margin-bottom: .35rem;  text-align: center; font-size: .32rem; font-weight: 100;} 
.g-ft h3 span ,.g-ft h3  i {  display: block;}
.g-ft .rule { margin: -.16rem .2rem 0;}
.g-ft .line { position:relative; height: .01rem; margin-right:.1rem; -webkit-box-flex: 1;-moz-box-flex: 1; -ms-flex: 1; background-color: rgba(255,255,255,.5);}
.g-ft .line:before { position: absolute; right: -.1rem;content: ""; top: -.05rem; width: .1rem; height: .1rem; border-radius: 50%; background-color: rgba(255,255,255,.5);}
.g-ft .line.r { margin-left:.1rem; margin-right: 0; }
.g-ft .line.r:before { left: -.1rem;}
.g-ft p { line-height: .54rem; font-size: inherit;}
footer {width: 100%;height: 1.1rem; background-color: #149b63; text-align: center;}
footer img { display:inline-block; width: 4.38rem;-moz-transform:translate(0,50%);-o-transform:translate(0,50%); -webkit-transform:translate(0,50%);transform:translate(0,50%);}
#coupon  .layermbox0 .layermchild {
    max-width: 70%;
    min-width: 70%;
}
#coupon  .layermcont {
	padding:.4rem .1rem;
	text-align:center;
	color: #222;
}
#coupon  .layermbtn {
	height: .68rem;
}
#coupon .layermbtn span {
	height:.66rem;
	line-height: .66rem;
	font-size: .28rem;
	color: #666;
}